<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <input type="text" oninput="newhandleInput()">
</body>

</html>
<script>
    function handleInput() {
        console.log('输入发生改变,发起网络请求');
    }
    // //防抖
    // function debounce(func, time) {
    //     var timer = 0
    //     return function () {
    //         if (timer) {
    //             clearTimeout(timer);
    //         }
    //         timer = setTimeout(() => {
    //             func()
    //         }, time)
    //     }
    // }
    // var newhandleInput = debounce(handleInput, 300)

    //节流
    var newhandleInput = throttle(handleInput, 300)

    function throttle(func, time) {
        var timer = null
        return function () {
            if (!timer) {
                timer = setTimeout(() => {
                    func()
                    clearTimeout(timer)
                    timer = null
                }, time)
            }
        }

    }
</script>